<template>
  <section id="portfolio">
    <div class="inner">
      <ul id="rb-grid"
          class="list rb-grid">

        <li>
          <a class="item"
             href="html/_project.html">
            <img src="http://placehold.it/476x606/"
                 alt="">
            <div class="over">
              <h2 class="page-title">UCToo<span class="border"></span></h2>
              <h3 class="page-subtitle">
                本项目采用云开发技术，实现了支持多商户多应用的SaaS平台主要特性,可帮助用户快捷的实现微信应用的个性化定制功能，可以作为快速实现SaaS平台、产业互联网等项目的起始项目。
              </h3>
              <img class="client"
                   src="http://placehold.it/250x130/"
                   alt="">
            </div>
          </a>
        </li>

        <li>
          <a class="item"
             href="html/_project.html">
            <img src="http://placehold.it/476x606/252525"
                 alt="">
            <div class="over">
              <h2 class="page-title">虚位以待<span class="border"></span></h2>
              <h3 class="page-subtitle">
                请在<br />https://gitee.com/uctoo/project-index <br /> 提交项目
              </h3>
              <img class="client"
                   src="http://placehold.it/250x130/"
                   alt="">
            </div>
          </a>
        </li>

        <li>
          <a class="item"
             href="html/_project.html">
            <img src="http://placehold.it/476x606/252525"
                 alt="">
            <div class="over">
              <h2 class="page-title">虚位以待<span class="border"></span></h2>
              <h3 class="page-subtitle">
                请在<br />https://gitee.com/uctoo/project-index <br /> 提交项目
              </h3>
              <img class="client"
                   src="http://placehold.it/250x130/"
                   alt="">
            </div>
          </a>
        </li>

        <li>
          <a class="item"
             href="html/_project.html">
            <img src="http://placehold.it/476x606/252525"
                 alt="">
            <div class="over">
              <h2 class="page-title">虚位以待<span class="border"></span></h2>
              <h3 class="page-subtitle">
                请在<br />https://gitee.com/uctoo/project-index <br /> 提交项目
              </h3>
              <img class="client"
                   src="http://placehold.it/250x130/"
                   alt="">
            </div>
          </a>
        </li>

        <li>
          <a class="item"
             href="html/_project.html">
            <img src="http://placehold.it/476x606/252525"
                 alt="">
            <div class="over">
              <h2 class="page-title">虚位以待<span class="border"></span></h2>
              <h3 class="page-subtitle">
                请在<br />https://gitee.com/uctoo/project-index <br /> 提交项目
              </h3>
              <img class="client"
                   src="http://placehold.it/250x130/"
                   alt="">
            </div>
          </a>
        </li>

        <li>
          <a class="item"
             href="html/_project.html">
            <img src="http://placehold.it/476x606/252525"
                 alt="">
            <div class="over">
              <h2 class="page-title">虚位以待<span class="border"></span></h2>
              <h3 class="page-subtitle">
                请在<br />https://gitee.com/uctoo/project-index <br /> 提交项目
              </h3>
              <img class="client"
                   src="http://placehold.it/250x130/"
                   alt="">
            </div>
          </a>
        </li>

        <li>
          <a class="item"
             href="html/_project.html">
            <img src="http://placehold.it/476x606/252525"
                 alt="">
            <div class="over">
              <h2 class="page-title">虚位以待<span class="border"></span></h2>
              <h3 class="page-subtitle">
                请在<br />https://gitee.com/uctoo/project-index <br /> 提交项目
              </h3>
              <img class="client"
                   src="http://placehold.it/250x130/"
                   alt="">
            </div>
          </a>
        </li>

        <li>
          <a class="item"
             href="html/_project.html">
            <img src="http://placehold.it/476x606/252525"
                 alt="">
            <div class="over">
              <h2 class="page-title">虚位以待<span class="border"></span></h2>
              <h3 class="page-subtitle">
                请在<br />https://gitee.com/uctoo/project-index <br /> 提交项目
              </h3>
              <img class="client"
                   src="http://placehold.it/250x130/"
                   alt="">
            </div>
          </a>
        </li>

      </ul>

      <a href="#"
         class="more rotate"><span class="rotate">+</span></a>
    </div>
  </section>
</template>

<script lang="ts">
import { reactive, toRefs, defineComponent } from "vue";
export default defineComponent({
  name: "i-main",
  setup() {
    const data = reactive({});
    return {
      ...toRefs(data),
    };
  },
});
</script>

<style lang="scss" scoped>
</style>
